<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'north'" style="height:40px">
        <div style="float:left;padding:5px 0 0 5px;">
            <a href="javascript:void(0)" onclick="$('#conditionWin4').window('open');" class="easyui-linkbutton" data-options="iconCls:'icon-search'">筛选学生</a>
            <span style="margin-left:20px;height:20px;">当前筛选条件：</span>
            <span id="currentCondition" style="display:inline-block;vertical-align:sub;color:red;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:250px;">全部学生</span>
        </div>
    </div>
    <div data-options="region:'center'">
        <table class="easyui-datagrid" id="graduates" data-options="url:'user/graduates',fit:true,fitColumns:true,rownumbers:true,
    		pagination:true,pageSize:20,pageList:[20,50,100,200,500,1000]">
            <thead>
            <tr>
                <th data-options="field:'ck',checkbox:true"></th>
                <th data-options="field:'xm',width:$(this).width() * 0.1,halign:'center'">姓名</th>
                <th data-options="field:'lqyxsmc',width:$(this).width() * 0.2,halign:'center'">学院名称</th>
                <th data-options="field:'cwbh',align:'center',width:$(this).width() * 0.15">财务编号</th>
                <th data-options="field:'lqzymc',width:$(this).width() * 0.2,halign:'center'">主修专业</th>
                <th data-options="field:'xh',width:$(this).width() * 0.05,halign:'center'">学号</th>
                <th data-options="field:'xh1',formatter:scholarshipFormatter,width:$(this).width() * 0.1,halign:'center'">奖学金</th>
                <th data-options="field:'xh2',formatter:dateFormatter1, width:$(this).width() * 0.05,halign:'center'">发放日期</th>
                <th data-options="field:'xh3',formatter:moneyFormatter,width:$(this).width() * 0.05,halign:'center'">发放金额</th>
                <th data-options="field:'xh4',formatter:pdyjFormatter, width:$(this).width() * 0.2,halign:'center'">评定依据</th>
            </tr>
            </thead>
        </table>
    </div>
</div>



<div id="cjWin" class="easyui-window" title="学习成绩" style="width:650px;height:500px;padding-left:10px;padding-top:10px;"
     data-options="iconCls:'icon-save',modal:true,closed:true,minimizable:false,collapsible:false,maximizable:false">
    <table class="form_table" style="border:0px;">
        <tr>
            <td>成绩汇总</td>
            <td><img src="/statics/images/cj.png"></td>
        </tr>
        <tr>
            <td>评定结果</td>
            <td>2015年学生成绩总分<span style="font-weight: bold;color: green;">529</span>，班级第<span style="font-weight: bold;color: green;">3</span>名（班级人数<span style="font-weight: bold;">34</span>人）<span style="font-weight: bold;color: crimson;">全面发展型</span> <span style="font-weight: bold;color: green;">符合条件</span></td>
        </tr>
    </table>
</div>

<div id="rjxwWin" class="easyui-window" title="行为考核" style="width:400px;height:200px;padding-left:10px;padding-top:10px;"
     data-options="iconCls:'icon-save',modal:true,closed:true,minimizable:false,collapsible:false,maximizable:false">
    <table class="form_table" style="border:0px;">
        <tr>
            <td>宿舍通报批评</td>
            <td>无</td>
        </tr>
        <tr>
            <td>违纪行为</td>
            <td>无</td>
        </tr>
        <tr>
            <td>评定结果</td>
            <td><span style="font-weight: bold;color: green;">符合条件</span></td>
        </tr>
    </table>
</div>


<div id="rchdWin" class="easyui-window" title="日常活动" style="width:360px;height:300px;padding-left:10px;padding-top:10px;"
     data-options="iconCls:'icon-save',modal:true,closed:true,minimizable:false,collapsible:false,maximizable:false">
    <table class="form_table" style="border:0px;">
        <tr>
            <td><img src="/statics/images/defen.png" width="300"></td>
        </tr>
        <tr>
            <td style="color: red;text-align: center;">根据学校日常活动管理系统，最终核算‘日常活动“得分为：</td>
        </tr>
        <tr>
            <td style="text-align: center" height="100"><span style="font-size:80px;">85分</span></td>
        </tr>
        <tr>
            <td colspan="2" style="text-align: center"><a href="" style="color: #4c3000;text-decoration:underline;">点击查看详情</a></td>
        </tr>
    </table>
</div>

<div id="jspjWin" class="easyui-window" title="教师评价" style="width:360px;height:300px;padding-left:10px;padding-top:10px;"
     data-options="iconCls:'icon-save',modal:true,closed:true,minimizable:false,collapsible:false,maximizable:false">
    <table class="form_table" style="border:0px;">
        <tr>
            <td><img src="/statics/images/defen.png" width="300"></td>
        </tr>
        <tr>
            <td style="color: red;text-align: center;">根据教师评价系统，最终核算教师得分为：</td>
        </tr>
        <tr>
            <td style="text-align: center" height="100"><span style="font-size:80px;">85分</span></td>
        </tr>
        <tr>
            <td colspan="2" style="text-align: center"><a href="" style="color: #4c3000;text-decoration:underline;">点击查看详情</a></td>
        </tr>
    </table>
</div>


<script type="text/javascript">
    var pdyjFormatter = function(value,row,index) {
        return '<a href="javascript:$(\'#cjWin\').window(\'open\');" style="color: blue;">学习成绩</a>&nbsp;' +
                '<a href="javascript:$(\'#rjxwWin\').window(\'open\');"  style="color: blue;">行为考核</a>&nbsp;' +
                '<a href="javascript:$(\'#rchdWin\').window(\'open\');"  style="color: blue;">日常活动</a>&nbsp;' +
                '<a href="javascript:$(\'#jspjWin\').window(\'open\');"  style="color: blue;">教师评价</a>&nbsp;';
    }
    var dateFormatter1 = function(value,row,index) {
        return '2016-05-04';
    }

    var scholarshipFormatter =  function(value,row,index) {
        return '国家助学金(三等奖)';
    }
    var moneyFormatter =  function(value,row,index) {
        return '1000.00';
    }
</script>